<div class="container qan-flow">
    <h2>{$Think.lang.best_answer}</h2>
    <div class="content">{$answer.details|parse_markup=$answer['markup_mode']}</div>
    <form action="{:U('Answer/chooseBestAnswer')}" method="POST">
        <h2>{$Think.lang.rate_best_answer}</h2>
        <div id="rate-best-answer"></div>
        <h2>{$Think.lang.your_feedback}</h2>
        <textarea id="feedback-details" name="details" rows="5" cols="80"></textarea>
        <p id="counter-tips"></p>
        <p>
            <input id="btn-submit" class="button" type="submit" value="{$Think.lang.submit}" />
            <input type="hidden" name="aid" value="{$answer.answer_id}" />
            <input id="star-level" type="hidden" name="star_level" value="5" />
        </p>
    </form>
</div>

<load href="__PUBLIC__/Js/raty/js/jquery.raty.min.js" />
<script type="text/javascript">
$(function(){
    var path = '__PUBLIC__/Js/raty/img/';
    $('#rate-best-answer').raty({
        path: path,
        click: function(score,evt){
            $('#star-level').val(score);
        }
    });
});
</script>